Hello and welcome.
In this video we are going to add some success to our project.
So I've already made a reference to this year says Inside Out here Mel.
Here is the link here.
So now I'm going to create the actual Seer says farside click on file option.
Good to see you.
And I'm just going to say this to save as I say inside the same directory as heftier mail.
Far I'm just going to call this b.
I like case.
I dont see SS and just can click on and drop down.
So let's see is this option safe so far now is a success file.
You can see the bottom right hand corner.
It's called the csx AGAIN I am going to add this this is called an explain it line by line.
So this is a csx.
Here's what I'm going to start with the first idea here.
This is the idea called.
So if we look in the hastier amount this is the idea I'm referring to.
So here I have given it a whiff of 375 pixels a height of five to five pixels margin from the left.
So basically this is the left some say from the left I want you to move this 350 pixels margin from
the top to this is a tops same from the top.
I want it to go down three.
I'm going to go down six to five pixels.
I'm giving it back one column of yellow and padding to the left.
It's 30 pixels pad in refers to this space inside the deep element.
So I'm seeing this space inside one it from the left to create some space 30 pixels.
So that's what this.
So these are these sets for the idea of container.
And then we've got this idea called Sea which is here.
This is one of the input field where you input the value in height.
So I'm giving it a wave or two hundred and fifty pixels a height of 25 pixels.
And again margin from the top.
I've given it a value of 30 pixels.
This is the input field here I go into my I've got input field or cagy.
So again I'm applying this same stylin has I did with this C input again here this is a Web site which
is this deep here I'm referring to this block of code here.
So basically this is a sign in I'm giving it giving it in margin from the left.
This is a left here to move 75 pixels margin from the top 50 pixels.
Next I got the result idea is here on line 19.
This is basically where the output will be rendered.
The result of the BMI windspeed calculated and we have the submit button.
This is the button that will be clicked on to do the calculation.
So this is the value here is got on a t of Submit K value.
That mean the text inside the bottom inside this input all see complete.
So basically this is the essence of giving it.
This is it with the right margin left.
Top model really does basically gives a rounded edge.
It makes it round.
Give can like a bottom.
Make in corners round and bother Saab's glynne means we don't want any value that the board does.
So the xeno's shadows or anything like that it will remove the shadow background colour of giving background
colour of blue.
But feel free to apply your costume styling so that he looks to your taste.
Call or hear.
This refers to the colour of the text inside the submit input.
It's going to be white font size.
Bisley refers to the text size.
I'm giving given 25 pixels.
Body here basically.
Well I'm saying I'm giving the entire body of the document I'm giving an empowering column of black
This is black in hexadecimal values.
Finally elemental from basically this is the title here which is this here that will be my later.
I've given it padding because it's located inside deep.
So keeping the padding padding refers to the space inside an element while margin refers to this base
outside element so from inside to Dave telling it to move left 15 pixels to drop down from the top 25
pixels.
So that's basically it for disconcerts.
I'm just going to save all that and open up the file again.
So this is a project.
I've got my CSA now and my hishe Titmouse I'm just going to run that's Rhonda hastier mail and see what
it looks like.
So this is what it looks like at the moment.
So everything's in place.
The only thing we need now is to create a function for the company button.
So when we click on that it'll put the BMI here so that's it for this Late Show in the next live shot
will be create in the javascript functionality.
Thank you by phone.